интернет-магазин
raf import
Разработка интерфейса интернет-магазина
для компании Raf Import, которая оказывает услуги по доставке
импортных автомобилей из Японии, Китая и Кореии.
задача
Рестайлинг на колёсах: обновление сайта с каталогом автомобилей
Компания занимается импортом автомобилей из Японии, Кореи и Китая в Россию. Задача была разработать новый дизайн многостраничного сайта с каталогом на платформе WordPress.

Прежний сайт почти не раскрывал информации о компании и походах к работе, не содержал информации об услугах. Дизайн сайта выглядел устаревшим. Блоки главной страницы были рассогласованы между собой и отсутствовал единый стиль.
Старый сайт
анализ и брифинг
Погружение в суть: анализ автоимпорта и поиск идей
Сперва я изучила специфику импорта автомобилей из Японии, Кореи и Китая, а также прямых и косвенных конкурентов компании.

Требованием было не только обновить дизайн, но и подчеркнуть преимущества покупки авто из Азии именно у моего клиента. Для этого мы определили ключевые цели: сделать каталог удобным, рассказать о подходе к работе и повысить доверие к бренду.
Структура и прототип
создание основы проекта
На этом этапе я наметила расположение блоков, чтобы пользователь мог легко найти нужную информацию, а также написала уникальные тексты, которые помогут клиентам быстрее понять выгоды сотрудничества и особенности компании. Определила логику переходов, распределила акценты на преимуществах и проработала пользовательский путь от главной страницы к деталям конкретного автомобиля.

Сделала упор на преимущества импорта именно через этого поставщика и добавила призывы к действию, чтобы стимулировать потенциальных покупателей к обратной связи и заявкам.

В итоге получился прототип, в котором чётко прослеживались блоки каталога, раздел о компании, отзывы клиентов и контактная информация.
Часть прототипа сайта. Всего было разработано 12 страниц.
визуальная концепция
поиск визуальных смыслов и создание ассоциаций
Я выбрала сочетание тёмных оттенков с яркими синими акцентами, чтобы сайт выглядел современно и технологично. Типографика подобрана с упором на чёткость и удобство чтения, а фотографии автомобилей и яркие градиентные фоны создают ощущение движения.

Такой стиль помог подчеркнуть экспертность компании и её умение работать с импортом авто.
дизайн концепция
превращение идеи в запоминающийся образ
В итоге я оформила главную страницу с крупным баннером и призывом к действию, добавила удобный каталог автомобилей, а также блоки, рассказывающие о подходе к работе, преимуществах и услугах компании.

Чтобы повысить доверие, разместила отзывы реальных клиентов и информацию о том, как проходит процесс покупки и доставки авто. Все элементы выдержаны в едином стиле и логично связаны между собой.
Каталог выполнен в довольно нестандартной (непривычной) раскладке интернет-магазина, но, этот сайт и не интернет-магазин.
Мне нравится форма карточек автомобилей в каталоге. Такое решение позволило разместить всю необходимую информацию об автомобиле, о цене и статусе.

Функционал каталога:

  1. Расширенный поиск;
  2. Фильтры с поиском автомобиля любых параметров;
  3. Статус автомобиля для покупателя;
  4. Возможность подписаться на уведомление об изменении цены.
Карточка товара поделена на две части, левая часть выделена под крупное изображение автомобиля и миниатюры. Справа характеристики товара, информация о цене, описание автомобиля от компании.

Функционал карточки автомобиля:
  1. 1. Возможность довить в избранное;
  2. Миниатюры, чтобы изучить фотографии подробнее;
  3. Возможность оставить комментарий или задать вопрос;
  4. Блок с автомобилями, которые также могут заинтересовать покупателя.
ЗАКАЗАТЬ ПРОЕКТ
ПОНРАВИЛСЯ ПРОЕКТ?
Узнайте, как выделить вашу компанию среди конкурентов — заполните бриф на разработку сайта.
следующий кейс
KBOWL
Лендинг «под ключ» на Тильде на английском языке
Made on
Tilda